//页面加载完成后异步请求页头和页尾
$('div#header').load('header.php',function(){
	$('#welcome').html('欢迎回来'+loginName);//异步加载 需要去请求服务器
});
$('#footer').load('footer.php');

//页面加载完成后 读取前一个页面传递过来的loginName PHP中直接$_REQUEST就可以得到
//html中 直接window.location  全局的BOM对象 search查询字符串
var s=location.search; //?loginName=naicha
var loginName=s.substring(s.indexOf('=')+1);
		//alert(loginName); 先执行这句 才执行第三行

//根据当前登录用户名 异步请求其购物车详情
$.ajax({
	type:'GET',
	url:'data/cart_detail_select.php',
	data:{uname:loginName},
	success:function(list){
		var html='';
		if(list.msg==='err'||list.length==0){
			html='<tr><td colspan="6">您尚未购买任何商品</td></tr>';
		}else{
			$.each(list,function(i,p){
				html+=`
					<tr>
                    <td>
						<input type="checkbox"/>
						<input type="hidden" name="did" value="${p.did}" />
						<div><img src="${p.pic}" alt=""/></div>
                    </td>
						<td><a href="">${p.pname}</a></td>
						<td>${p.price}</td>
                    <td>
                        <button>-</button><input type="text" value="${p.count}"/><button>+</button>
                    </td>
						<td><span>${p.price*p.count}</span></td>
						<td><a href="${p.did}">删除</a></td>
                </tr>	
				`;
			});
		}
		$('cart tbody').html(html);
	}
});
//为购买数量旁边的+ 和- 绑定事件监听
$('#cart').on('click','button',function(){
	var count=$(this).siblings('input').val();
		if($(this).html==='-'){
			count--;
		}else if($(this).html==='+'){
			count++;
		}
		$(this).siblings('input').val(count);//(只是客户端改变了)把修改后的count赋值回去
		//把修改后的购买数量异步提交给服务器
		var did=$(this).parent().siblings(':nth-child(1)').children(':hidden').val();
		//除了购买数量 还要知道哪个购买记录did的购买数量
		$.ajax({
			type:'POST',
			url:'cart_detail_update.php',
			data:{did:did,count:count},
			success:function(){
				console.log('修改完成');
				if(result!=='succ'){
					alert('修改失败');
				}
			}
		});
})

